export function selectItem(item){
  this.list = _.searchCover(this.list, {id: item.id}, v => {
    v.isChecked = true
    v.dots = [
      { left: '-5px', top:'-40px',  bgColor: "rgb(254,127,127)", width: '6px', height: '6px'},
      { left: '15px', top:'-25px', bgColor: "rgb(163,254,128)", width: '6px', height: '6px'},
      { left: '30px', top:'-26px', bgColor: "rgb(255,237,128)", width: '6px', height: '6px'},
      { left: '45px', top:'-10px', bgColor: "rgb(128,255,200)", width: '6px', height: '6px'},
      { left: '60px', top:'5px', bgColor: "rgb(164,255,128)", width: '6px', height: '6px'},
      { left: '45px', top:'20px', bgColor: "rgb(128,200,255)", width: '6px', height: '6px'},
      { left: '-20px', top:'-25px', bgColor: "rgb(128,255,200)", width: '6px', height: '6px'},
      { left: '25px', top:'40px', bgColor: "rgb(162,167,253)", width: '6px', height: '6px'},
      { left: '10px', top:'50px', bgColor: "rgb(128,255,255)", width: '6px', height: '6px'},
      { left: '-10px', top:'55px', bgColor: "rgb(255,128,237)", width: '6px', height: '6px'},
      { left: '-20px', top:'35px', bgColor: "rgb(168,128,255)", width: '6px', height: '6px'},
      { left: '-34px', top:'30px', bgColor: "rgb(255,128,128)", width: '6px', height: '6px'},
      { left: '-38px', top:'-10px', bgColor: "rgb(255,128,237)", width: '6px', height: '6px'},
    ]
    return v
  }, v => {
    v.isChecked = false
    v.dots = [
      { left: '0', top:'0',  bgColor: "rgb(254,127,127)", width: '6px', height: '6px'},
      { left: '0', top:'0', bgColor: "rgb(163,254,128)", width: '6px', height: '6px'},
      { left: '0', top:'0', bgColor: "rgb(255,237,128)", width: '6px', height: '6px'},
      { left: '0', top:'0', bgColor: "rgb(128,255,200)", width: '6px', height: '6px'},
      { left: '0', top:'0', bgColor: "rgb(164,255,128)", width: '6px', height: '6px'},
      { left: '0', top:'0', bgColor: "rgb(128,200,255)", width: '6px', height: '6px'},
      { left: '0', top:'0', bgColor: "rgb(128,255,200)", width: '6px', height: '6px'},
      { left: '0', top:'0', bgColor: "rgb(162,167,253)", width: '6px', height: '6px'},
      { left: '0', top:'0', bgColor: "rgb(128,255,255)", width: '6px', height: '6px'},
      { left: '0', top:'0', bgColor: "rgb(255,128,237)", width: '6px', height: '6px'},
      { left: '0', top:'0', bgColor: "rgb(168,128,255)", width: '6px', height: '6px'},
      { left: '0', top:'0', bgColor: "rgb(255,128,128)", width: '6px', height: '6px'},
      { left: '0', top:'0', bgColor: "rgb(255,128,237)", width: '6px', height: '6px'},
    ]
    return v
  })
  console.log(this.list)
  this.isAllowAni = true
  setTimeout(() => {
    this.isAllowAni = false
  }, 300);
}